import { useLocale, useOptions } from "@/hooks"

import GameListSelect from "../../common/gameListSelect"

const CurrencyTypeSelector = ({ ...props }: { props?: object }) => {
	const { formatMessage } = useLocale()
	const options = useOptions({ modal: "currencyType", func: formatMessage })

	return (
		<GameListSelect
			name="currency"
			labelId="member.currency"
			placeholderId="common.select_all"
			options={options}
			{...props}
			allowClear
		/>
	)
}

export default CurrencyTypeSelector
